<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>简单使用 - 降级插件 - Galacean Effects demo</title>
  <style>
    html, body, div, canvas { margin: 0; padding: 0; }
    .container {
      width: 512px;
      height: 512px;
      background-color: rgba(0,0,0,255);
    }
  </style>
</head>
<body>
<div class="container" id="J-container"></div>
<div>降级结果：<pre id="J-downgradeResult"></pre></div>
<div>错误信息：<pre id="J-errorMessage"></pre></div>
<script>
  window.addEventListener('error',function (e){
    // Demo出错时Windows和Mac不弹窗
    const platform = navigator.platform.toLowerCase();
    if (platform.search('win') >= 0 || platform.search('mac') >= 0) {
      return;
    }

    alert(e.message);
  })
</script>
<script type="module" src="./src/simple.ts"></script>
</body>
</html>
